/* eslint-disable no-trailing-spaces,import/newline-after-import,key-spacing */
import React, {Component} from 'react';
import ResponsiveDrawer from './ResponsiveDrawer';
import ButtonAppBar from './ButtonAppBar';
import Login from './Login';
import {MuiThemeProvider, createMuiTheme} from 'material-ui/styles';

import purple from 'material-ui/colors/purple';
import green from 'material-ui/colors/green';
import red from 'material-ui/colors/red';
import './Root.css';

import FormDialog from './FormDialog';

const theme = createMuiTheme({
    palette: {
        primary: purple, // Purple and green play nicely together.
        secondary: {
            ...green,
            A400: '#00e677',
        },
        error: red,
    },


});


class Root extends Component {

    render() {
        return (
            <MuiThemeProvider theme={theme}>
                <ResponsiveDrawer>

                </ResponsiveDrawer>

            </MuiThemeProvider>
        );
    }
}

export default Root;
